<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="expires" content="0" />
	<meta name="description" content="" />
	<meta name="rating" content="general" />
	<meta name="keywords" content="" />
	
	<title>AutoR</title>
    
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
    
    <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800" rel="stylesheet">
    
    <!--[if lt IE 9]>
        <script src="js/html5.js"></script>
    <![endif]-->
    
    <!--[if (gt IE 8) | (IEMobile)]><!-->
        <link rel="stylesheet" href="css/unsemantic-grid-responsive.css">
    <!--<![endif]-->
    
    <!--[if (lt IE 9) & (!IEMobile)]>
		<link rel="stylesheet" href="css/ie.css">
		<link rel="stylesheet" href="css/ie-styles.css">
    <![endif]-->
    
    <link rel="stylesheet" href="css/default.css">
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/styles-menu-mobile.css">
    
	<script src="js/jquery-1.11.0.min.js"></script>
	<script src="js/translator.js"></script>
	<script src="js/translator_init.js"></script>
	
</head>
<!-- onLoad() in js/translator_init.js -->
<body onload="onLoad()">

<!-- <select name="listlanguages" onchange="langSelectChange(this)"></select> -->

<script>
$(document).ready(function(){
	
	// Mobile menu
	$('.menu-anchor').on('click touchstart', function(e){
		$('html').toggleClass('menu-active');
	  	e.preventDefault();
	});
	
})
</script>



<!-- Mobile menu -->
<div class="hide-on-desktop">
	<div class="menuMobile">
		<menu>
			<ul>
				<li>
					<a href="https://tieba.baidu.com/p/5290140134" target="_blank">
						<span id="l_documentation">贴吧</span>
					</a>
				</li>
				<li>
					<a href="#" target="_blank">
						<span id="l_documentation">帮助</span>
					</a>
				</li>
			</ul>
		</menu>		
	</div>
</div>


<header>
	<div class="grid-container">
		<div class="grid-100">
			<div class="positionRelative">
				
				<!-- Mobile menu anchor -->
				<span class="menu-anchor"></span>
				
				<!-- Prism logo -->
				<div class="logo">
					<div class="hide-on-mobile">
						<img src="images/logo.png">
					</div>
					<div class="hide-on-desktop">
						<img src="images/logo.png">
					</div>
				</div>
				
				<!-- Desktop nav -->
				<div class="menuDesktop hide-on-mobile">
					<menu>
						<ul>
							<li>
								<a href="https://tieba.baidu.com/p/5290140134" target="_blank">
									<span id="l_documentation">贴吧</span>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<span id="l_learn">帮助</span>
								</a>
							</li>
						</ul>
					</menu>	
				</div>
				
				<div class="clear"></div>
			</div>
		</div>
	</div>
</header>


<main>
	
	<div class="welcomeCont">
		<div class="grid-container">
			<div class="grid-100 textAlignCenter">
				<img src="images/img1.jpg" class="logo hide-on-mobile">

				<div class="fontSize16 grey999 marginTop40 marginBottom40">
					<strong id="l_build_easily_applications">适用于战舰少女R，解放双手，有助于保护头发。</strong>
				</div>

				<div class="marginBottom60">
					<a href="https://gitee.com/jianghanxia/AutoRPublic/raw/master/AutoR.apk" class="linkBox linkBoxGitHub" target="_blank">
						<span id="l_view_on_github">下载</span>
					</a>
				</div>
			</div>
		</div>

		<div style="border-top:  1px solid #dedede; padding-top:  40px">
			<div class="grid-container">
				<div>
					<div class="grid-80 prefix-10">
						<span id="l_prism_is_a">这是介绍.</span>
					</div>
					
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>
	
</main>


<!-- Footer -->
<footer>
	<div class="grid-container">
		<div class="grid-60">
			<div class="info">
				<img src="images/logo.png" class="logo" alt="Logo">
				<Strong id="l_prism_library">AutoR</Strong>
				<div class="clear"></div>
			</div>
		</div>
	</div>
</footer>

</body>
</html>